.content {
	width: 100vw;
	box-sizing: border-box;
	padding: 32rpx 32rpx 0;
}

.item-box {
	width: 100%;
	background: $uni-F5F5F5;
	border-radius: 24rpx;
	box-sizing: border-box;
	padding: 0 20rpx 20rpx;
	margin-top: 24rpx;
	min-height: 120rpx;
	.item {
		border-radius: 16rpx;
		color: $uni-585C66;
		padding: 20rpx 56rpx 20rpx 24rpx;
		margin-top: 20rpx;
		margin-right: 20rpx;
		position: relative;
		background: #FFFFFF;
		.close-icon {
			position: absolute;
			right: 8rpx;
			top: 8rpx;
		}
	}
}

.search-box {
	width: 100%;
	height: 68rpx;
	background: $uni-F5F5F5;
	border-radius: 16rpx;
	box-sizing: border-box;
	padding: 0 24rpx;
	margin-top: 20rpx;
	margin-bottom: 32rpx;
}
.plan-list {
	.plan-box {
		width: 100%;
		box-sizing: border-box;
		padding: 24rpx;
		border: 2rpx solid #E8EAED;
		border-radius: 24rpx;
		margin-top: 20rpx;
	}
	.active {
		color: $uni-text-color-main;
		background: #E6F5ED;
		border: 2rpx solid #ACD3BE;
	}
	.unactivated {
		border: 2rpx solid #E8EAED;
		background: #FFFFFF;
	}
}

.switch-box {
	width: 100%;
	height: 88rpx;
	background: $uni-F5F5F5;
	border-radius: 24rpx;
	box-sizing: border-box;
	padding: 0 8rpx;
	margin-top: 16rpx;
	.item {
		width: 336rpx;
		height: 72rpx;
		border-radius: 16rpx;
		line-height: 72rpx;
		text-align: center;
	}
}

